import React from 'react';
import {
    Dimensions,
    StyleSheet
} from 'react-native';
const { width, height } = Dimensions.get('window');
import { createBottomTabNavigator } from 'react-navigation-tabs';
export const styles = StyleSheet.create({
    container:{
        flex:1,
        width:width,
        height:createBottomTabNavigator.DEFAULT_HEIGHT,
        backgroundColor: '#ededed',
        marginTop:-60
    },
    qrcode_bj:{
        position:'absolute',
        top:0,
        left:0,
        width:width,
        height: parseInt(width * 0.3)
    },
    defoult_logo:{
        width:55,
        height:55,
        borderRadius:55,
        borderColor:'#ffffff',
        borderWidth:2,
    },
    hp_item:{
        flexDirection:'row',
        alignItems:'center',
        borderBottomColor:'#f1f1f1',
        borderBottomWidth:0.5,
        paddingTop:15,
        paddingBottom:5,
    },
    dp_icon:{
        width:20,
        height:22,
        marginRight:10,


    },
    siteContainer:{
        marginTop:100,
        marginRight:20,
        marginLeft:20,
        padding:20,
    },
    QRcode_bg:{
        borderColor:'#990000',
        borderWidth:1,
        padding:3,
        borderRadius:5,
        width:110,
        height:110,
    },
    but1:{
        borderColor:'#990000',
        borderWidth:1,
        width: width/ 2 - 60,
        paddingTop:10,
        paddingBottom:10,
        borderRadius:5,
    },
    but2:{
        backgroundColor:'#990000',
        width: width/ 2 - 60,
        paddingTop:10,
        paddingBottom:10,
        borderRadius:5,
    }





});
module.exports = styles;
